<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width" name="viewport">
    <title>仟途旅游给你发红包了</title>
</head>
<body style="zoom: 1;padding:0px; margin:0px;background-color: #ff4424;font-family: '微软雅黑';color: yellow;">


<img style="width:100%;padding:0px; margin:0px; height:12em" src="__PUBLIC__/images/hongbao/gong.jpg">

<div  style="width:100%;right:0;left:0;margin-top: 1em;text-align:center;margin-left: auto;margin-right: auto">
    <div style="width:16em;height:auto;border-radius: 10px;border:3px solid yellow;margin-left: auto;margin-right: auto;padding-left: 1em;padding-right: 1em">
        <p style="margin-top: 0px;margin-bottom: 5px;font-size: 1.2em" id="text" ></p>
        <p style="margin-top: 5px;margin-bottom: 0px" id="text1">
        </p>
        <p style="margin-top: 5px;margin-bottom: 0px" id = "text2">

        </p>

    </div>
</div>
<div style="width:100%;right:0;left:0;margin-top: 1em;text-align:center;margin-left: auto;margin-right: auto">
    <form action="{:U('Redpack/index')}"method="post">
        <label for="myname" style="font-size: large">本人姓名:</label>
        <input style="background-color: #ff4424;zoom: 1;padding-top: 3px;padding-left: 10px;
        padding-right: 10px;padding-bottom: 3px;border-radius: 10px;border:1px solid yellow;
        color:white;font-size: large;"
               readonly size="15" type="text" name="myname" id="myname" value="{$data['myname']}">
        <br><br>
        <label for="yourname" style="font-size: large">朋友姓名:</label>
        <input style="background-color: #ff4424;zoom: 1;padding-top: 3px;padding-bottom: 3px;
        padding-left: 10px;padding-right: 10px;border-radius: 10px;border:1px solid yellow;
        color:white;font-size: large"
               readonly size="15" type="text" name="yourname" id="yourname" value="{$data['yourname']}">
        <br><br>
        <div style="margin-left: auto;margin-right: auto;height: 2em">
            <div style="float:left;width: 4em;padding-left: 4em">
                <label for="zhufuyu"style="font-size: large;">本人的祝福语:</label>
            </div>
            <div style="float: left;margin-left: 0.3em;">
                <textarea readonly name="zhufuyu" id="zhufuyu" cols="15" rows="2" style="background-color: #ff4424;zoom: 1;padding-top: 3px;padding-bottom: 3px;
        padding-left: 10px;padding-right: 10px;border-radius: 10px;border:1px solid yellow;
        color:white;font-size: large">{$data['zhufuyu']}</textarea>

            </div>

        </div>
        <br>
        <div style="margin-left: auto;margin-right: auto;height: 2em">
            <div style="float:left;width: 4em;padding-left: 4em">
                <label for="zhufuyu1"style="font-size: large;">朋友的祝福语:</label>
            </div>
            <div style="float: left;margin-left: 0.3em;">
                <textarea readonly name="zhufuyu1" id="zhufuyu1" cols="15" rows="2" style="background-color: #ff4424;zoom: 1;padding-top: 3px;padding-bottom: 3px;
        padding-left: 10px;padding-right: 10px;border-radius: 10px;border:1px solid yellow;
        color:white;font-size: large" placeholder="对方还没有给予祝福">{$zhfu}</textarea>
            </div>

        </div>
        <br><br>
        <button href="{:U('Redpack/index')}" id="cj" style="background-color: yellow;font-size: large;font-family: '微软雅黑';border-radius: 10px;border:3px solid yellow;">点击抽奖</button>
        <p style="margin-top: -1em; display: none" id = "check">对方还没回祝福，暂时不能抽奖哦</p>

    </form>

</div>
<div  style="width:100%;right:0;left:0;margin-top: 1em;text-align:center">
    <h2>仟途旅游祝你新春快乐！</h2>
</div>
</body>
<script src="__PUBLIC__/js/jquery.js"></script>
<script>
    var zhfu = "{:isset($zhfu)?$zhfu:''}";
    var a = document.getElementById("text");
    var b = document.getElementById("text1");
    var c = document.getElementById("text2");
    var d = document.getElementById("cj");
    var flag = "{:isset($flag)?$flag:''}";
    if(flag=="success") d.innerHTML='查看奖品';
    if(zhfu=='')
    {
        a.innerHTML = '祝福在发送中……';
        b.innerHTML = '小仟已经将祝福送到门口啦啦啦，奈何对方不打开门哦！';
        c.innerHTML = '赶紧截图并转发软文给你朋友，让他一起参与吧';
        $('#cj').attr('disabled','disabled');
        $('#check').attr('style','display: block');

    }else{
        a.innerHTML = '匹配成功啦';
        b.innerHTML = '赶紧去点击抽奖，获取小仟的祝福吧！';
        c.innerHTML = '记得通知对方打开抽奖哦！';
    }

</script>
</html>